card-iAcard-iAcard-iAcard-iAcard-iAcard-iA* {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*{
  font-family: 'Open Sans';
}


body {
  font-family: 'Open Sans';
  align-items: center;
  justify-content: center;

}


.redondeado{
	border-radius: 2em; 
}


.font-iA{
	font-family: 'Century Gothic';
}


.mb-0-iA{
  font-size: 35px;
  color: #2E2E2E;
  margin-top: 10px;
  font-weight: 600;

}

.card-header-iA{
  padding: 28px 28px 4px 28px;
}

.img-necesitas-ayuda{
  width: 80px;
}






/* =================================================================================================================================*/


/* ------------------------------- Barra de Buasqueda ----------------------------------------*/




/* --------------------------------------- Pestañas -------------------------------------------------*/





/*================================================== TABLA =======================================================*/

.thead-ia{
  background: linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,104,1,1) 35%, rgba(255,233,1,1) 100%);
  border-radius: 25px 25px 0px 0px;
  color: #fff;
  font-weight: 800;


}





/* ---------------------------------------------------   Swicht  -------------------------------------------------------*/

.switch-field {
display: flex;
background-color:none;

}

.switch-field .input01-iA{
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}

.switch-field .boton01-iA {
background-color: #fff;
color: #A1A1A1;
font-size: 16px;
line-height: 1;
text-align: center;
padding: 8px 16px;
font-weight: 200;
border: none;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
transition: all 0.2s ease-in-out;
}

.switch-field .boton01-iA:hover {
cursor: pointer;
transition: 0.2s;
}

.switch-field .input01-iA:checked + .boton01-iA {
background-color: #ff6801;
color: #fff;
border: 1ps solid #E6E6E6;
font-weight: 600;
box-shadow: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
transition: 0.4s;
}

.switch-field .boton01-iA:first-of-type {
border-radius: 25px 0px 0px 25px;

}

.switch-field .boton01-iA:last-of-type {
border-radius: 0px 25px 25px 0px;

}




/* --------------------------------------- Botones -------------------------------------------------*/







/* -------------------------------------- Botones Grandes ---------------------------------------------------------*/




/*----------------------------------------------------------------------------------------------------------------------------------*/



/* -------------------------------------------------------- Botones acciones ------------------------------------------*/



.boton-accion-iA:active{
box-shadow:  0px 2px 4px 2px rgba(255,104,1, .2);
outline: #ff6801;
border-color: #ff6801;
font-weight: 600;
}

/********************************************************************************/

.boton-accion-iA-C{
background-color: #E6E6E6;
color: #2E2E2E;
border-radius: 25px;
border: none;
font-size: 16px;
padding: 8px 35px 8px 35px;
margin-left: 10px;
/*margin-top: 20px;*/
font-weight: 500;
transition: 0.2s;

}

.boton-accion-iA-C:hover{
color: #FFF;
transform: translateY(-1px) ;
transition: 0.3s;
box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
background-color: #ff6801;
font-weight: 600;
}

.boton-accion-iA-C:active{
box-shadow:  0px 2px 4px 2px rgba(255,104,1, .2);
outline: #ff6801;
border-color: #ff6801;
}





/* ------- Boton Agregar------*/

.boton-agregar-iA{
background-color: transparent;
color: #ff6801;
border-radius: 25px;
border: solid #ff6801;
font-size: 16px;
padding: 8px 35px 8px 35px;
margin-left: 10px;
margin-top: 20px;
font-weight: 500;
transition: 0.1s;
margin: 4px;
}

.boton-agregar-iA:hover{
background-color: #ff6801;
color:#FFF;
box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);

}

/*-------------------------------*/
/* ====================================================================== GROSOR DE TEXTO ==========================================================================================*/







/* ====================================================================== COLORES DE TEXTO ==========================================================================================*/

.t-naranja{
  color: #ff6801;
}
.t-azul-glandur{
  color: #3571FE;
}
.t-azul-cian{
  color: #00B1FF;
}
.t-azul-rey{
  color: #2857ff;
}
.t-rojo-claro{
  color: #FF3E3E;
}
.t-rojo-oscuro{
  color: #aa0000;
}
.t-verde-lima{
  color:#00b90f;
}
.t-verde-oceano{
  color: #298F64;
}
.t-verde-editar{
  color:#00DCA8;
}
.t-blanco{
  color: #fff;
}
.t-amarillo{
  color:#dfdb00;
}
.t-amarillo-caramelo{
  color:#FFB027;
}



.bg-naranja{
  background-color: #ff6801;
}
.bg-azul-glandur{
  background-color: #3571FE;
}
.bg-rojo-claro{
  background-color: #FF3E3E;
}
.bg-verde-lima{
  background-color:#00b90f;
}
.bg-blanco{
  background-color: #fff;
}

/* ====================================================================== BADGES ==========================================================================================*/



/* ------ VERDE OCEANO -------*/
.badge-verde-oceano-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #298F64;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}

/* ------ VERDE LIMA -------*/
.badge-verde-lima-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #00b90f;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}


/*-------- GRIS CLARO ------*/
.badge-gris-claro-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #858585;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}

/*-------- NEGRO ------*/
.badge-negro-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}

/*-------- NARANJA CLARO ------*/
.badge-naranja-claro-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #FC7A17;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}

/*-------- NARANJA SIA ------*/
.badge-naranja-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #ff6801;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}

/*-------- CIAN ------*/
.badge-cian-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #00B1FF;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}



/*-------- AZUL GLANDUR ------*/
.badge-azul-glandur-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #3571FE;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}


/*-------- AZUL AQUA ------*/
.badge-azul-aqua-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #0E7AAA;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}

/*-------- VIOLETA ------*/
.badge-violeta-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #B255A3;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}

/*-------- AMARILLO CARAMELO ------*/
.badge-amarillo-caramelo-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #FFB027;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}


/*-------- CAFE ------*/
.badge-cafe-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #542400;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}


/*-------- ROJO CLARO ------*/
.badge-rojo-claro-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: #FF3E3E;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;
}

.badge-cancelado-iA{
  box-sizing: border-box;
  padding: 3px 10px 3px 10px ;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
  border: solid 2px #af0000;
  color: #af0000;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px;

}
















/* --------------------------------------------- Campo de Texto ------------------------------------------------------------------------*/
/*
.form-label-desact-iA{
	display:block;
	width: 100%;
	padding: .3125rem 1rem;
	border-color: rgba(000, 000, 000, 0.2);
	background: #E6E6E6;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	outline-color:  rgba(255, 104, 1, 0.8);
	border-radius: 2em;
	background-clip:padding-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-box-shadow:var(--falcon-box-shadow-inset);
	box-shadow:var(--falcon-box-shadow-inset);
	-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.form-label-iA{
  font-size: 16px;
  font-weight: 700;
  color: #2E2E2E;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-top: 15px;
}

.form-label-iA-Gr{
  font-size: 20px;
  font-weight: bold;
  color: #2E2E2E;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-top: 15px;

}

.form-label-iA-Pe{
  font-size: 15px;
  font-weight: bold;
  color: #2E2E2E;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-top: 15px;

}

.form-control-iA{
  width: 100%;
  padding: 8px 15px 8px 15px;
  border-color: rgba(000, 000, 000, 0.2);
  background: #FFF;
  font-size: 16px;
  outline-color:  rgba(255, 104, 1, 0.8);
  border-radius: 25px;
}

.form-control-iA:disabled{
  width: 100%;
  padding: 8px 15px 8px 15px;
  border: none;
  background: #e2e2e2;
  font-size: 16px;
  outline-color:  rgba(255, 104, 1, 0.8);
  border-radius: 25px;
  color: #000;
}

.form-control-iA-def{
  width: 100%;
  padding: 8px 15px 8px 15px;
  border-color: rgba(000, 000, 000, 0.2);
  background: #d8d8d8;
  color:#131313;
  font-size: 16px;
  outline-color:  rgba(255, 104, 1, 0.8);
  border-radius: 25px;
}

.form-select-iA{
  width: 100%;
  padding: 8px 15px 8px 15px;
  border-color: rgba(000, 000, 000, 0.2);
  background: #FFF;
  font-size: 16px;
  outline-color:  rgba(255, 104, 1, 0.8);
  border-radius: 25px;
}

/*.form-control-line-iA{
width: 100%;
padding: 4px 15px 4px 15px;
border-color: rgba(000, 000, 000, 0.2);
background: #FFF;
font-size: 16px;
outline-color:  rgba(255, 104, 1, 0.8);
border-radius: 25px;
}
*/


.form-label-line-iA{
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	
	color: #2E2E2E;
	margin-bottom: 8px;
		

}


.from-control-line-iA{
	font-size: 14px;
	font-weight: 400;
	
	border: 0px 0px 0px 1px;
	color: #2E2E2E;
	border-color: #2E2E2E;
	
	
}
/*--------------------------------

.form-select-iA{
  border-radius: 25px;
}


/* ----------------------------------------------- Desplegable iA -----------------------------------------*/

.choices__inner-iA {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9; 
padding: 4px 15px 4px 15px;
border: 1px solid #dddddd;
/*border-radius: 2.5px;*/
border-radius:2em;	
font-size: 14px;
min-height: 44px;
overflow: hidden;
outline-color: #ff6801;

}

.is-focused .choices__inner-iA,
.is-open .choices__inner-iA {
border-color: #b7b7b7 ;
}

.is-open .choices__inner-iA {
/*border-radius: 2.5px 2.5px 0 0;*/
border-radius:25px 25px 0 0;	
}

.is-flipped.is-open .choices__inner-iA {
/*border-radius: 0 0 2.5px 2.5px;*/
border-radius: 0 0 25px 25px;	
}


/* ----------------------------------------------- Iconos en Input -----------------------------------------*/

.input-group-text-iA{
	text-align: center;
  	width: 100%;
  	border: 0.16px solid rgba(000, 000, 000, 0.2);
  	padding: 11px 15px 10px 15px;
  	border-radius: 0px 25px 25px 0px;
	background-color: #FFF;
	position: relative;
  	bottom: -10px;
	font-size: 16px;
}




@media (max-width:1146px){
  .card-estilo-01-iA{
    flex-direction: column;
    max-height: 500px;
    min-width: auto;
  }

  .titulo-dasboard{
    max-width: auto;
    margin-bottom: 2px;
}
}

@media (max-width:766px){
  .card-estilo-01-iA{
    flex-direction: row;
  background-color: #fff;
  border-radius: 5rem 5rem 5rem 5rem ;
  padding: 1rem;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .1);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  max-height: 134px;
  min-width: 306px;
  }
}